JS for 循环适合在已知循环次数时使用,语法格式如下:
for(initialization; condition; increment) {
// 要执行的代码
}
for 循环中包含三个可选的表达式 initialization、condition 和 increment,其中:
●initialization:先声明变值,赋初始值,初始值在循环过程中只会执行一次;
●condition:检验变量是否满足条件;
●increment:若满足条件,执行代码,不满足则终止循环,递增或递减。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
for(var i=0; i<=10;i++) {
document.write(i,",");
}
</script>
</head>
<body>
</body>
</html>
返回:0,1,2,3,4,5,6,7,8,9,10,
上面的代码中,在循环开始之前会先执行var i = 1;,并将变量 i 作为计数器;然后判断i <= 10是否成立,如果成立则执行{ }中的代码,如果失败则退出 for 循环;在每次循环执行完成后,执行i++操作,即更新计数器的值。
【示例】使用 for 循环遍历数组中的内容:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
for(var i = 0; i < fruits.length; i++) {
document.write(fruits[i] + " ");
}
</script>
</head>
<body>
</body>
</html>
返回值:Apple Banana Mango Orange Papaya